<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<link rel="stylesheet" type="text/css" href="<%=basePath%>/homepage/css/main.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/homepage/css/adSlider.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/homepage/css/adSlider2.css">
<script type="text/javascript" src="<%=basePath%>/commonJs/jQuery/Slider/jquery.sudoSlider.min.js"></script>

   <script type="text/javascript" >
		   $(document).ready(function(){	
		      var sudoSlider = $("#slider").sudoSlider({ 
		         fade: true,
		         auto: true,
		         resumePause: 20000
		      });
		      
		      var sudoSlider2 = $("#slider2").sudoSlider({ 
		         fade: true,
		         auto: true,
		         resumePause: 20000
		      });
		   });
		   
		   
   </script>
        <!-- <div class="main-content"> -->
         
         
           <div class="main-content-ad" style="position:relative;">
                 <div id="slider" >
                  <ul>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/01.jpg" alt="image description"/>
			            <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/02.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/03.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/04.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/05.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>	
                   </ul>
                </div>
           </div>
           
           
           
           
           
           
           
           
           
           
           
           <div class="main-content-project">
           
            <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-big-tile layout-four-column-visible  ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                            <img class="wall-big-tile-image " style=" width:460px; height:340px;" src="//lh6.googleusercontent.com/8-eHB3dfv2l4ZcdmqQkOkydNccKxTFcsPy9p7FX_VE8WzEm1qkKEKv9wtTWu2ujkKYDYKsugib4=s460-h340-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
           
           
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             <!-- inline end -->
           
           <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                         <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                          <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                       </div>
                   </div>
                  </a>
                 </div>
             </div>
             
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                         <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                          <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                       </div>
                   </div>
                  </a>
                 </div>
             </div>
             
             
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                         <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                          <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                       </div>
                   </div>
                  </a>
                 </div>
             </div>
             
             
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                         <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                          <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                       </div>
                   </div>
                  </a>
                 </div>
             </div>
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
               <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
               <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
               <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
               <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
               <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
             
             <div class="inline">
                 <div class="wall-tile wall-tile-transition hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-medium-tile ">
                       <div class="wall-tile-border-top"></div>
                       <div class="wall-tile-background">
                          <img class="wall-medium-tile-image " style=" width:220px; height:140px;" src="//lh6.googleusercontent.com/ljczvYNrLVnCt9sYrlWG-W-igmEHBxu9slrGoEIH468dMaQg0xgMl9S5t9a6FYFpFYGyqHn_UQ=s220-h140-e365" alt=""/>
                            <div class="wall-medium-tile-subtext">
                              <div class="wall-medium-tile-title">NewsSquares - Stylish Reading in Chrome</div>
                            </div>
                        </div>
                    </div>
                  </a>
                 </div>
             </div>
             
             
             
              
             
             
             
             
           </div>
          
          <div class="main-content-ad" style="position:relative;">
                 <div id="slider2" >
                  <ul>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/01.jpg" alt="image description"/>
			            <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/02.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/03.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/04.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>
			        <li>
			        <a href="#">
			        <img src="<%=basePath%>/webimage/jquery/slider/05.jpg" alt="image description"/>
			        <div class="adRemark"> <span>image description</span></div>
			        </a>
			        </li>	
                   </ul>
                </div>
           </div>
           <div class="main-content-task">
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end --> <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
              <div class="inline">
                 <div class="wall-tile wall-tile-transition wall-big-tile-left hoverable">
                  <a class="wall-item" href="#">
                   <div class="wall-small-tile">
                       <div class="wall-tile-border-top"></div>
	                       <div class="wall-tile-background">
		                                <div class="icon-wrapper wall-small-tile-image">
											<div class="app-icon-wrapper">
											   <img class="wall-small-tile-image " style=" width:50px; height:50px;" src="//lh3.googleusercontent.com/hNpe5jyFTkpTBl0vu1Ds0yMdtsPwVpWQZPIjK8kQe5gO6VAS3aRt8fmUD01ehoO83IwNFkbP=s50-h50-e365" alt="Application"/>
											</div>
										</div>
										<div class="wall-small-tile-title-subtitle-container">
										   <div class="wall-small-tile-title">Bastion</div>
										    <div class="wall-small-tile-subtitle">312,588 users</div>
										</div>
	                        </div>
                    </div>
                  </a>
                 </div>
             </div><!-- inline end -->
             
             
             
           
           </div>
      